/* Balises générales */
body {
  font-size: 0.75em;
  font-family: serif;
}
a, a:visited {
  font-weight: bold;
  color: #8dc83c;
}
a:hover, a:focus {
  font-weight: bold;
  color: white;
  background-color: #8dc83c;
}
img {
  border: 0px;
}

p:first-letter {
  margin-left: 1em;
  font-weight: bold;
  font-size: 1.3em;
}


/* FORMULAIRE */
input:focus, textarea:focus {
}
fieldset {
  margin-left: 2%;
  margin-right: 2%;
  background-color: white;
  border: solid 1px silver;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
label {
  color: #505050;
}
.labelInputTextLeft
{
  display:block;
  margin-top: 5px;
  width: 10em;
  float: left;
  text-align: right;
}
legend {
  color: #8dc83c;
  font-weight: bold;
}
.InputEmpty {
  border: 1px solid red;
  background-color: #FFAAAA;
  font-weight: bold;
  color: red;
  padding: 5px;
}
.AlertError {
  margin-left: 10px;
  border: 1px solid red;
  background-color: #FFAAAA;
  font-weight: bold;
  color: red;
  padding: 5px;
}
.MessageError {
  border: 1px solid red;
  background-color: #FFAAAA;
  font-weight: bold;
  color: red;
  text-align: center;

  position:absolute; 
  width: 400px; 
  height: 200px;
  margin-top: -110px;
  margin-left: -210px;
  left: 50%;
  top: 50%;
  padding: 10px;
}
.MessageError a {
  color: red;
  padding: 5px;
  border: solid red 1px;
}

.MessageError a:hover {
  color: white;
  background-color: red;
}

.MessageError a:focus {
  color: white;
  background-color: red;
}
.PanelLogin {
  border: 1px solid #03354E;
  background-color: #00A8E6;
  font-weight: bold;
  color: white;
  text-align: center;

  position:absolute; 
  width: 400px; 
  height: 200px;
  margin-top: -110px;
  margin-left: -210px;
  left: 50%;
  top: 50%;
  padding: 10px;
}
.PanelLogin label {
  color: white;
  float: left;
  display:block;
  width:150px;
  padding-top: 2px;
  text-align: left;
}
.PanelLogin input {
  text-align: left;
  border: 1px solid #03354E;
  background-color: #00A8E6;
  margin-bottom: 10px;
  width: 15em;
}
.PanelLogin .inputSubmit {
  text-align: left;
  border: 1px solid #03354E;
  background-color: #00A8E6;
  margin-bottom: 10px;
  width: 5em;
  float: left;
  margin-left: 166px;
}

.ZzLabelMenu {
  float: left;
  margin: 0px;
  margin-left: 0px;
  list-style-type: none;
  padding: 5px;
}
.ZzLabelMenu li {
  height: 18px;
  width: 200px;
  background: url('./icon/labelMenu/back.png');
  margin-bottom: 5px;
  padding-top: 2px;
  padding-left: 0px;

}
.ZzLabelMenu li a {
  margin-left: 10px;
  color: #bfba9f;
  text-decoration: none;
}
.ZzLabelMenu li a:hover {
  color: #8dc83c;
  background: none;
}
.ZzLabelMenu li .selected {
  color: #505050;
  background: none;
}

.ZzMenu {
  float: left;
  margin: 0px;
  margin-left: 0px;
  border: 1px solid #505050;
  /*border-left: none;
  border-right: none;*/
  list-style-type: none;
  padding: 0px;
  background-color: #ebe9dc;
}
.ZzMenu li {
  font-weight: normal;
  font-size: 1.5em;
}
.ZzMenu li:hover {
  background-color: #505050;
  color: white;
}
.ZzMenu li a {
  color: #bfba9f;
  display: block;
  font-weight: normal;
  text-decoration: none;
  padding: 5px;
}
.ZzMenu .selected a {
  color: #505050;
}
.ZzMenu .chemin {
  color: #bfba9f;
  margin-left: 10px;
  font-size: 1.2em;
  list-style-type: none;
  padding-left: 0;
}
.ZzMenu ul {
  padding-left: 1em;
}
.ZzMenu .chemin a {
  color: #505050;
}
.ZzMenu .ssLabel {
  color: #bfba9f;
  margin-left: 15px;
  font-size: 1.2em;
  list-style-type: none;
}
.ZzMenu .ssLabel a {
  color: #bfba9f;
}
.ZzMenu .ssLabel-selected {
  color: #505050;
  margin-left: 15px;
  font-size: 1.2em;
}
.ZzMenu .ssLabel-selected a {
  color: #505050;
}
.ZzMenu a:hover {
  background-color: #505050;
  color: white;
}

.ZzBulle {
  position: relative;
  cursor: help;
}
.ZzBulle > span {
  display: none;
}
.ZzBulle:hover > span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 1em;
  left: 0px;
  cursor: default;
  padding-top: 5px;
}
.ZzIconDescription {
  display: block;
  background-color: white;
  border: 1px solid silver;
}

.std_Head {
  //border-bottom: 1px solid #8dc83c;
  margin-bottom: 5px;
  border-bottom: 1px solid #505050;
  background-color: #ebe9dc;
}
.std_Foot {
  margin-bottom: 5px;
  border: 1px solid #505050;
  background-color: #ebe9dc;
  text-align: center;
  font-weight: bold;
  color: #8dc83c;
  margin-top: 5px;
}


.file_Navigator {
  border: 1px solid #505050;
  background-color: #ebe9dc;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.file_Navigator_Chemin {
  background-color: #505050;
  padding: 5px;
  margin-bottom: 5px;
  color: #8dc83c;
  font-weight: bold;
}

.Blog_ShowArticle {
  border: 1px solid #505050;
  background-color: #ebe9dc;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.Blog_ShowArticle_Title {
  background-color: #505050;
  color: #8dc83c;
  font-weight: bold;
  padding-left: 5px;
  padding: 5px;
}
.Blog_ShowArticle_Body {
  background-color: #ebe9dc;
  margin: 5px;
}
.Blog_ShowArticle_Body p {
  margin-bottom: 0px;
  margin-top: 0px;
}
.Blog_ShowArticle_Pied {
  background-color: #505050;
  color: #8dc83c;
  font-weight: bold;
  padding: 5px;
}
.Blog_ShowArticle_Image-center {
  display:block;
  margin:0 auto;
}
.Blog_ShowArticle_Image-left {
  float: left;
}
.Blog_ShowArticle_Image-right {
  float: right;
}

#Blog_ArticleEditor input,textarea, select {
  margin-bottom: 15px;
}
#Blog_ArticleEditor textarea {
  width: 90%;
  //height: 30em;
}
.Blog_ArticleEditor_Preview {
  margin: 20px;
  padding: 10px;
  border: 1px solid #505050;
  background-color: white;
}
.Blog_ArticleEditor_Error {
  margin-left: 10px;
  border: 1px solid red;
  background-color: #FFAAAA;
  font-weight: bold;
  color: red;
  padding: 5px;
  margin: 15px;
}